// 合并所有DOMContentLoaded事件处理
document.addEventListener('DOMContentLoaded', function() {
    // 检查登录状态并显示相应的界面
    const token = localStorage.getItem('token');
    const userInfo = JSON.parse(localStorage.getItem('userInfo'));
    const notLoginDiv = document.querySelector('.not-login');
    const loggedInDiv = document.querySelector('.logged-in');
    const nicknameElement = document.getElementById('nickname');
    
    // 先检查登录状态
    if (token && userInfo) {
        // 已登录状态
        if (userInfo.nickname) {
            nicknameElement.textContent = userInfo.nickname;
        }
        notLoginDiv.style.display = 'none';
        loggedInDiv.style.display = 'flex';
    } else {
        // 未登录状态
        notLoginDiv.style.display = 'block';
        loggedInDiv.style.display = 'none';
    }

    // 初始化轮播图
    const swiper = new Swiper('.swiper-container', {
        // 循环模式
        loop: true,
        
        // 自动播放
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        
        // 分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        
        // 前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
        
        // 效果
        effect: 'fade',
        fadeEffect: {
            crossFade: true
        },
        
        // 添加速度控制
        speed: 1000,
        
        // 添加键盘控制
        keyboard: {
            enabled: true,
            onlyInViewport: false,
        },

        // 添加事件监听，用于调试
        on: {
            init: function () {
                console.log('Swiper 初始化成功');
            },
            slideChange: function () {
                console.log('切换到了第', this.activeIndex, '张图片');
            }
        }
    });

    // 确保 Swiper 实例建成功
    console.log('Swiper instance:', swiper);
}); 